<template>
    <el-container>
        <el-header>
            <div class="left-panel">
                <el-input v-model="barcode" placeholder="条码" clearable @keyup.enter="upsearch"></el-input>
            </div>
        </el-header>
        <el-main class="">
            <el-timeline style="max-width: 600px">
                <el-timeline-item center timestamp="商品名称" placement="top">
                    <el-card>
                        <h4>Update Github template</h4>
                        <p>Tom committed 2018/4/12 20:46</p>
                    </el-card>
                </el-timeline-item>
                <el-timeline-item center timestamp="2018/4/2" placement="top">
                    Event start
                </el-timeline-item>
            </el-timeline>
        </el-main>
    </el-container>
</template>

<script>

export default {
    name: '采购计划管理',
    data() {
        return {
            barcode: '',
        }
    },
    mounted() {
    },
    methods: {
    }
}
</script>

<style lang="scss">
.margin{
    margin: 5px 0;
}
.display {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
</style>
